<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="../css/reset.css">
    <style type="text/css">
        body{
            font-size: 12px;
        }
        .d_f{
            float: left;
        }
        .myweb{
            width: 1005px;
            margin: 0 auto;
        }
        .version_info{
            text-align: right;
            background: url("../image/info.jpg");
            height: 25px;
            font-size: 12px;
            line-height: 25px;
            padding-right: 20px;
            margin-bottom: 1px;
        }
        .left{
            width: 251px;
        }
        .right{
            width: 230px;
        }
        .center{
            width: 512px;
        }
        .l3{
            background: url("../image/left-3.jpg");
            height: 145px;
            padding-left: 20px;
            padding-top: 40px;
        }
        .l3 ul li{
            line-height: 20px;
        }
        .l3 ul span{
            margin-left: 160px;
        }
        .l4{
            background: url("../image/left-4.jpg");
            height: 375px;
            padding-left: 20px;
            padding-top: 50px;
        }
        .l4 ul li{
            line-height: 20px;
        }
        .l4 ul span{
            margin-left: 160px;
        }
        .r1{
            background: url("../image/right-1.jpg");
            height: 122px;
            padding-left: 15px;
            padding-top: 40px;
        }
        .r1 ul li{
            line-height: 20px;
        }
        .r2{
            background: url("../image/right-2.jpg");
            height: 156px;
            padding-left: 15px;
            padding-top: 50px;
        }
        .r2 ul li {
            line-height: 20px;
        }
        .r2 ul span{
            margin-left: 160px;
        }
        .r4{
            background: url("../image/right-4.jpg");
            height: 139px;
            padding-left: 15px;
            padding-top: 50px;
        }
        .r4 ul li {
            line-height: 20px;
        }
        .r5{
            background: url("../image/right-5.jpg");
            height: 127px;
            padding-left: 15px;
            padding-top: 50px;
        }
        .r5 ul li {
            line-height: 20px;
        }
        .r6{
            background: url("../image/right-6.jpg");
            height: 191px;
            padding-left: 15px;
            padding-top: 50px;
        }
        .r6 ul li {
            line-height: 20px;
        }
    </style>

</head>
<body>
    <div class="myweb">
        <div class="top">
            <div class="version_info">中文版 | English</div>
            <div class="nav"><img src="../image/nav.jpg"></div>
        </div>
        <div class="main">
            <div class="left d_f">
                <div><img src="../image/left-1.jpg"></div>
                <div><img src="../image/left-2.jpg"></div>
                <div class="l3">
                    <ul>
                        <li>一二三四五六七八九十</li>
                        <li>上山打老虎老虎</li>
                        <li>老虎没打到</li>
                        <li>碰到小松鼠</li>
                        <li>凹凸曼打怪兽打怪兽打怪兽打怪兽</li>
                        <span>更多..</span>
                    </ul>
                </div>
                <div class="l4">
                    <ul>
                        <li>一二三四五六七八九十</li>
                        <li>上山打老虎老虎老虎老虎</li>
                        <li>老虎没打到</li>
                        <li>碰到小松鼠</li>
                        <li>凹凸曼打怪兽打怪兽</li>
                        <li>凹凸曼打怪兽打怪兽</li>
                        <li>一二三四五六七八九十十一</li>
                        <li>上山打老虎老虎</li>
                        <li>老虎没打到</li>
                        <li>碰到小松鼠</li>
                        <li>凹凸曼打怪兽打怪兽</li>
                        <li>凹凸曼打怪兽打怪兽</li>
                        <li>一二三四五六七八九十十一</li>
                        <li>上山打老虎老虎</li>
                        <li></li>
                        <span>更多..</span>
                    </ul>
                </div>
    </div>
            <div class="center d_f">
                <div><img src="../image/center-1.jpg"></div>
                <div><img src="../image/center-2.jpg"></div>
                <div><img src="../image/center-3.jpg"></div>
                <div><img src="../image/center-4.jpg"></div>
                <div><img src="../image/center-5.jpg"></div>
            </div>
            <div class="right d_f">
                <div class="r1">
                    <ul>
                        <li>一二三四五六七八九十</li>
                        <li>上山打老虎老虎</li>
                        <li>老虎没打到</li>
                        <li>碰到小松鼠</li>
                        <li>凹凸曼打怪兽打怪兽打怪兽打怪兽</li>
                    </ul>
                </div>
                <div class="r2">
                    <ul>
                        <li>一二三四五六七八九十</li>
                        <li>上山打老虎老虎</li>
                        <li>老虎没打到</li>
                        <li>碰到小松鼠</li>
                        <li>凹凸曼打怪兽打怪兽打怪兽打怪兽</li>
                        <li>上山打老虎老虎</li>
                        <span>更多..</span>
                    </ul>
                </div>
                <div><img src="../image/right-3.jpg"></div>
                <div class="r4">
                    <ul>
                        <li>一二三四五六七八九十</li>
                        <li>上山打老虎老虎</li>
                        <li>老虎没打到</li>
                        <li>碰到小松鼠</li>
                        <li>凹凸曼打怪兽打怪兽打怪兽打怪兽</li>
                        <li>上山打老虎老虎</li>
                    </ul>
                </div>
                <div class="r5">
                    <ul>
                        <li>一二三四五六七八九十</li>
                        <li>上山打老虎老虎</li>
                        <li>老虎没打到</li>
                        <li>碰到小松鼠</li>
                        <li>凹凸曼打怪兽打怪兽打怪兽打怪兽</li>
                        <li>上山打老虎老虎</li>
                    </ul>
                </div>
                <div class="r6">
                    <ul>
                        <li>一二三四五六七八九十</li>
                        <li>上山打老虎老虎</li>
                        <li>老虎没打到</li>
                        <li>碰到小松鼠</li>
                        <li>凹凸曼打怪兽打怪兽打怪兽打怪兽</li>
                        <li>上山打老虎老虎</li>
                    </ul>
                </div>
            </div>
        </div>
        <div class="foop">
            <div>
                <img src="../image/foot.jpg">
            </div>
        </div>
    </div>
</body>
</html>